<template>
  <div class="service-empty">
    <img class="service-empty-img" src="~@/assets/service-empty.png" />
    <div class="service-empty-text"> {{ text }} </div>
  </div>
</template>

<script setup>
  defineProps({
    text: {
      type: String,
      default: '暂未开启电子合同服务，请联系我司工作人员',
    },
  })
</script>

<style lang="less" scoped>
  .service-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 500px;

    &-img {
      width: 86px;
      height: 129px;
      margin-bottom: 27px;
    }

    &-text {
      font-size: 16px;
      font-weight: 400;
      color: #1d2129;
    }
  }
</style>
